iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 3
0
自我挑戰組

UI設計師之工具學習指南系列 第 3

【Day3】進入Sketch篇

  • 分享至 

  • xImage
  •  

Sketch應該是這三個軟體(Figmas、Adobe XD)中最成熟的設計工具了,
但是只有mac系統可以使用的sktech,到底是怎麼持續處於領先的王者地位呢?

用Sketcht創建設計系統很好用,尤其是有大型網頁、APP專案、多人共用等設計需求,
而這時大概會用到Sketch這幾個最廣為人知的功能:

在接觸Sketch的過程中,我覺得它的概念跟網頁切版很像,或許是對於我來說設計工具的產出和網頁切版有著密不可分的關係,所以我在理解Sketch的操作上常常會用Html和CSS的觀念去帶入。

像是我們剛剛提到的設計系統,先簡單描述一下,設計系統就是我們會先把一個UI用到的顏色、文字、按鈕先建立起來;如果用切版語言來說,就是我們會先把h1~h5、p、button,甚至primary-color、secondary-color這些基本樣式先定義好。

簡單的設計系統圖示意:
https://ithelp.ithome.com.tw/upload/images/20200918/20112563D9CyFa8PLX.jpg

接下來,我們會開始一步步將設計系統帶入設計軟體的操作中。


上一篇
【Day2】從疑問開始的學習
下一篇
【Day4】Sketch篇 : 原來Sketch跟Html也滿像的
系列文
UI設計師之工具學習指南30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言